 <footer class="bar-tab menu">

<ul class="tab-inner">
	<li data-module="news" data-value="news/news-list" class="tab-item active">
		<span class="icon-list-alt icon-2x"></span>
	</li>
	<li data-module="question" data-value="question/question-list" class="tab-item">
		<span class="icon-question-sign icon-2x"></span>
	</li>
	<li data-module="tweet" data-value="tweet/tweet-list" class="tab-item">
		<span class="icon-group icon-2x"></span>
	</li>
	<li data-module="my" data-value="my/my-list" class="tab-item">
		<span class="icon-gittip icon-2x"></span>
      <span class="promptInformation userPrompt userPromptNum"></span>
	</li>
	<li id="footer-more" data-module="more" class="tab-item">
		<span class="icon-th icon-2x"></span>
	</li>
</ul>
</footer>
<style type="text/css">
	.icon-gittip{
		z-index: 100;
	}
   .promptInformation{
      display: none;
      line-height: 1;
      background-color: #0882f0;
      color: #fff;
      height: 11px;
      font-size: 10px;
      /*font-weight: 700 !important;*/
      position: relative;
      width: 11px;
      padding-bottom: 1px;
      bottom: 31px;
      left: 58%;
      border: solid 2px #ffffff;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
     /* -moz-box-shadow: 1px 1px 8px #cccccc;
      -webkit-box-shadow: 1px 1px 8px #cccccc;
      box-shadow: 1px 1px 8px #cccccc;*/
   }
	/*.userPromptNum{
      color:white;
      display: block;
      position: relative;
      bottom: 15px;
   }
	.userPrompt{
    color: #0882f0;
	display: none;
	position: relative;
	left: 17px;
	z-index: -1;
	bottom: 33px;

   }*/
    #footer-more-detail div{
        text-align: center;	
        color: black;
        z-index: 1000 !important;
    }
	#footer-more-detail{
		z-index: 1000 !important;
		width: 100%;
		height: 140px;
		background-color: #DFDFDF;
		position: absolute;
		left: 0px;
		bottom: 60px;
		display: none;    /*开始的时候是隐藏的*/
	}
	.first_row {
		height: 70px;
		width: 100% ;
		margin: 0;
		/*background-color: green;*/
		position: absolute;
	}
	.second_row{
		height: 70px;
		width: 100%;
		margin: 0;
		/*background-color: red;*/
		position: absolute;
		bottom: 0px;
	}
	.detail_left{
		padding-top: 11px;
		position: absolute;
		left: 0px;
		height: 70px;
		width: 33.33%;
		float: left;
	}
	.detail_center{
	  padding-top: 11px;
      width: 33%;
      height: 70px;
      margin-left: auto;
      margin-right: auto;
	}
	.detail_right{
	  padding-top: 11px;
	  text-align: center;
      width: 33.33%;
      height: 70px;
      position: absolute;
      top:0px;
      right: 0px;
	}

	/*---simona--modify--add mask--*/
	#more-detail-mask{
      z-index: 11;
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(0,0,0,0);
      display: none;
   }
.footer-menu {
	z-index: 11 !important;
}
</style>

<div id="footer-more-detail">
	<div class="first_row">
		<div class="detail_left footSign" id="footSignin"><span class="icon-user icon-2x"></span><div>用户登录</div></div>
		<div class="detail_center" id="footMyInfo"><span class="icon-file icon-2x"></span><div>我的资料</div></div>
		<div class="detail_right" id="footOpenSource"><span class="icon-windows icon-2x"></span><div>开源软件</div></div>
	</div>
	<div class="second_row">
		<div class="detail_left" id="footSearch"><span class="icon-search icon-2x"></span><div>搜索</div></div>
		<div class="detail_center" id="footSysSetting"><span class=" icon-cog icon-2x"></span><div>系统设置</div></div>
		<div class="detail_right" id="footSignout"><span class="icon-signout icon-2x"></span><div>退出程序</div></div>
	</div>

   <div class="pointer" style="content: ''; position: absolute; border-style: solid; border-width:   
    15px 15px 0px; display: block; width: 0px; z-index: 1; bottom: -11px; right: 7%;
    border-color:#DFDFDF transparent;">
	</div> 
</div>




